$(function () {
    // 需求1.点击注册，隐藏登录区
    $("#link_reg").on('click', function () {
        $(".login-box").hide();
        $(".reg-box").show();

    })

    $("#link_login").on('click', function () {
        $(".login-box").show();
        $(".reg-box").hide();

    })

    // 需求2.自定义规则
    // console.log(layui)
    let form = layui.form;
    form.verify({
        pwd: [
            /^[\S]{6,12}$/,
            '密码必须6到12位，且不能出现空格'
        ],
        repwd: function (value) {

            let pwd = $('.reg-box input[name=password]').val();
            if (value != pwd) {
                return "两次密码输入不一致";
            }
        }
    });

    // 需求3.注册功能
    let layer = layui.layer;
    $("#form_reg").on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'POST',
            url: '/api/reguser',
            data: {
                username: $("#form_reg input[name=username]").val(),
                password: $("#form_reg input[name=password]").val()
            },
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message, { icon: 5 })
                }
                layer.msg("注册成功，请登录!", { icon: 6 });
                $("#form_reg")[0].reset();
                $("#link_login").click()
            }

        });

    });

    // 需求4:登录功能
    $("#form_login").on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize(),
            success: function (res) {
                // console.log(res)
                if (res.status != 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                // 成功后，保存token，页面跳转，弹窗
                layer.msg("恭喜您，登录成功!", { icon: 6 });
                localStorage.setItem('token', res.token);
                // // BOM中讲解了页面跳转，location属性
                window.location.href = '/index.html';

            }
        });
    });


})